<template>
	<div class="card">
	    <img v-show='typeof item.picUrl === "string"' :src='item.picUrl' class="image">
	    <div class="card-content">
	      <el-row class="title">{{item.brand + item.name}}</el-row>
	      <el-row class='pro-info'>
	          <el-row>
	              <p style='margin-bottom:5px;'>规格：{{item.standard}}</p>
	              <p>价格：{{item.prForWaSt}}</p>
	          </el-row>
	          <el-row :class='[item.isEdit ? "gap-s" : "gap" ]'>
	              <span v-if="!item.isEdit">库存：{{item.quantity}}</span>
	              <el-input v-else v-model="value" class='quantity'></el-input>
	          </el-row>
	      </el-row>
	      <el-button type="primary" class="btn-edit" @click="onClick" :disabled='item.isDisabled'>{{btnLabel}}</el-button>
        <el-button type="primary" class="btn-edit2" @click="onClick1" :disabled='item.isDisabled'>{{btnLabel2}}</el-button>
        <el-dialog :title='dialog1.title'
                   v-model='dialog1.show'
                   class='dialog-form_card'
                   :modal='dialog1.modal'
                  >
          <div class="el-tag-bar">
             <el-tag class="el-tag-name">{{table1.title}}</el-tag>
            <div class="el-tag-btn">
              <el-button type="primary" @click="onClick1 ">配送</el-button>
              <el-button type="primary" @click="onClick2 ">生产</el-button>
              <el-button type="primary" @click="onClick3 ">水源</el-button>
            </div>
          </div>

          <div class="el-step__body">
            <el-steps class="el-step_center"  direction="horizontal"  :active='Transports.length-1'  process-status="success" finish-status="finish" space="120px">
              <el-step v-for="one in Transports" :title="one.title" :description="one.description"></el-step>
            </el-steps>
          </div>

        </el-dialog>

        <el-dialog :title='dialog2.title'
                   v-model='dialog2.show'
                   class='dialog-form_card'
                   :modal='dialog2.modal'>
          <div class="el-tag-bar">
            <el-tag class="el-tag-name">{{table2.title}}</el-tag>
            <div class="el-tag-btn">
              <el-button type="primary" @click="onClick1 ">配送</el-button>
              <el-button type="primary" @click="onClick2 ">生产</el-button>
              <el-button type="primary" @click="onClick3 ">水源</el-button>
            </div>
          </div>

          <div class="el-step__body2">
            <el-steps class="el-step_center2"  direction="vertical" :active='Products.length-1'  process-status="success" finish-status="finish" space="120px">
              <el-step v-for="one in Products" :title="one.title" :description="one.description"></el-step>
            </el-steps>
          </div>

        </el-dialog>

        <el-dialog :title='dialog3.title'
                   v-model='dialog3.show'
                   class='dialog-form_card'
                   :modal='dialog3.modal'>
          <div class="el-tag-bar">
            <el-tag class="el-tag-name">{{table3.title}}</el-tag>
            <div class="el-tag-btn">
              <el-button type="primary" @click="onClick1 ">配送</el-button>
              <el-button type="primary" @click="onClick2 ">生产</el-button>
              <el-button type="primary" @click="onClick3 ">水源</el-button>
            </div>
          </div>

          <el-table :data = "tableData_inspections">
            <el-table-column property="Date" label="日期" width="200"></el-table-column>
            <el-table-column property="Production" label="产品" width="150"></el-table-column>
            <el-table-column property="Company" label="生产商"></el-table-column>
          </el-table>
        </el-dialog>
	    </div>
	    <el-checkbox v-show='isShowCheck' class='checkbox' :label='label'>{{checkLabel}}</el-checkbox>

	    <slot></slot>

	    <div class='mask' v-show='maskVisible'>
	    	<p>{{maskText}}</p>
	    </div>
	</div>
</template>

<script>
	import CardJs from './Card.js';
	module.exports = CardJs;
</script>

<style lang='less' scope>
	@import url(Card.less);
</style>
